<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="/static/libs/jquery.min.js"></script>
    <style>
        .sync{
            border: 1px solid #ccc;
            height: 30px;
        }
    </style>
</head>
<body>

<div>
    <% for (var i = 0 ; i < data.length ; i ++) {%>
    <button class="sync" data-sync="/<%=data[i]%>"> <%=data[i]%> </button>
    <%}%>
</div>

<script>
    $("button").on("click" ,function () {

        var path = $(this).attr("data-sync");

        $.ajax({
            type:"post",
            url:path,
            data:{
                hook:{
                    password:'UQJtOrSO7RF0wokbZyB6WOJSJAY9yxLDUqiS7xNm'
                }
            }
        })

    });
</script>


</body>
</html>